*{
	box-sizing: border-box;
}

.mui-content{
    background:#fff;
    margin-bottom:50px;
}

ul,li{
	margin: 0;
	padding: 0;
	list-style: none;
}

.my-header{
    background:#006699;
}
.my-header h1{
    color:#fff;
}
.my-header .mui-action-back,
.my-header .mui-icon-search{
    color:#fff;
}

.my-footer{
    background:#006699;
}
.my-footer .mui-tab-item{
    color:#fff;
}
.my-footer .mui-tab-item.mui-active{
    color:darkorange;
}

.nav-links {
    padding:10px;
}
.nav-links a{
    float:left;
    width:33.333%;
}
.nav-links a img{
    float:left;
    width:100%;
}

.brand{
    padding:10px;
}
.brand>img{
    width: 100%;
}
.brand>ul{
    padding:10px 0;
    list-style: none;
}
.brand>ul>li{
    float:left;
    width:25%;
}
.brand>ul>li>a{
    display: block;
    width:100%;
}
.brand>ul>li>a>img{
    display: block;
    width:100%;
}

.product{
	padding:0 10px;
}
.product .title{
	width:100%;
	margin:10px 0;
}
.product li{
	width:50%;
	float:left;
	padding:5px;
}
.product a{
	display:block;
	padding:0 5px;
	box-shadow:0 0 5px #ccc;
	overflow:hidden;
}
.product a img{
	width:100%;
}
.product .name{
	line-height:18px;
	display:block;
	color:#8f8f94;
	text-align:center;
	padding:6px;
	height:42px;
	overflow:hidden
}
.product p{
	font-size:12px;
	text-align:center;
}
.product p span:first-child{
	color:#f30;
	margin-right:2px;
}
.product p span:last-child{
	color:#ccc;
	text-decoration:line-through;
	margin-left:2px;
}
.product .buy-now{
	background:#006699;
	color:#FFF;
	margin:0 auto;
	border:none;
	display:block;
	margin-bottom:10px;
}
